<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>React 17 快速入门</title>
	</head>
	<body>
		<!-- 2. 容器标签-->
		<div id="app"></div>

		<!-- 
		1.引入框架依赖 
			- 先引入react.xxx.js       核心依赖
			- 再引入react-dom.xxx.js   DOM依赖
		-->
		<script src="./js/react17.development.js"></script>
		<script src="./js/react-dom17.development.js"></script>

		<script>
			// 3. 构建应用
			// 获取根标签
			let app = document.querySelector("#app")

			// 创建一个标签
			// 参数1：标签名称
			// 参数2：标签属性
			// 参数3：标签内容或者子标签
			let h1 = React.createElement("h1", {
				id: "title"
			}, "hello react!")

			// 将创建的标签渲染到指定根标签上
			ReactDOM.render(h1, app)
		</script>
	</body>
</html>
